<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>${(model.name)!""}的帖子</title>
    [#include "/theme/adminlte/common/sites.html" /]
    [@header /]
    [#include "/theme/adminlte/space/common.html" /]
    <style>
        .container {
            margin-right: auto;
            margin-left: auto;
            padding-left: 15px;
            padding-right: 15px
        }

        .container:after, .container:before {
            content: " ";
            display: table
        }

        .container:after {
            clear: both
        }
        @media (min-width: 768px) {
            .container {
                width: 750px
            }
        }

        @media (min-width: 992px) {
            .container {
                width: 970px
            }
        }

        @media (min-width: 1200px) {
            .container {
                width: 1170px
            }
        }
        .row {
            margin-left: -15px;
            margin-right: -15px
        }

        .row:after, .row:before {
            content: " ";
            display: table
        }

        .row:after {
            clear: both
        }



        .forum-post {
            padding: 26px 0;
            background: #fff
        }

        .forum-post:after {
            content: " ";
            display: table;
            clear: both;
            float: none
        }

        .forum-post-zone {
            padding-left: 34px;
            margin-bottom: 10px;
            border-right: 1px solid #f0f0f0;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        @media (max-width: 768px) {
            .forum-post-zone {
                padding-left: 15px;
                padding-right: 15px
            }
        }

        .forum-post-zone:last-child {
            border-right: 0;
            margin-bottom: 0
        }

        .forum-post-show {
            padding-top: 12px;
            background: #f5f5f5;
            font-size: 0
        }

        .forum-post-title {
            position: relative;
            height: 20px;
            line-height: 20px;
            margin-bottom: 22px
        }

        .forum-post-title, .forum-post-title-text {
            font-weight: 600;
            color: #262626;
            font-size: 16px
        }

        .forum-post-title-text {
            margin-left: 5px;
            vertical-align: top
        }

        .forum-post-item-text {
            max-width: 92%;
            position: relative;
            display: inline-block;
            color: #333
        }

        @media (max-width: 500px) {
            .forum-post-item-text {
                max-width: 92%
            }
        }

        .forum-post-item-text .title-text {
            display: inline-block;
            max-width: 100%;
            margin-right: 5px;
            font-size: 14px;
            font-weight: 600;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }
        .forum-post-item {
            position: relative;
            height: 46px;
            margin-bottom: 14px
        }

        .forum-post-item .user-avatar {
            line-height: 46px;
            text-align: center;
            color: #fff;
            font-size: 24px
        }

        .forum-post-item .forum-avatar, .forum-post-item .user-avatar {
            display: inline-block;
            vertical-align: top;
            width: 46px;
            height: 46px;
            margin-right: 10px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%
        }

        .forum-post .avatar-a-export {
            position: absolute;
            top: 0;
            left: 0
        }

        .forum-post-item-desc {
            display: block;
            padding-left: 56px;
            padding-right: 60px;
            font-size: 14px;
            position: absolute;
            top: 0px;
            left: 0px;
        }

        @media (max-width: 500px) {
            .forum-post-item-desc {
                padding-right: 0
            }
        }

        .forum-post-item-title {
            margin-bottom: 10px;
            height: 16px;
            color: #000
        }

        .forum-post-icon-group {
            position: absolute;
            top: 0;
            right: -42px;
            width: 42px
        }

        .forum-post-essence, .forum-post-official {
            display: inline-block;
            height: 16px;
            line-height: 12px;
            width: 16px;
            text-align: center;
            padding: 2px 0;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            font-size: 12px;
            font-style: normal;
            color: #fff
        }

        .forum-post-essence {
            background: #fa8429;
            margin-right: 5px
        }

        .forum-post-official {
            background: #5b95f9
        }

        .forum-post-item-info {
            width: 100%;
            margin-right: -50px;
            color: #999;
            line-height: 15px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .forum-post-item-info .forum-post-reply, .forum-post-item-info .forum-post-user {
            color: #999
        }

        .forum-post-item-info .forum-post-reply:hover, .forum-post-item-info .forum-post-user:hover {
            color: #999;
            text-decoration: underline
        }

        .forum-post-category {
            font-size: 13px;
            color: #333
        }

        .forum-post-dot, .forum-post-reply, .forum-post-text, .forum-post-time, .forum-post-user {
            font-size: 12px
        }

        .forum-post-user {
            margin-left: 5px
        }

        .forum-post-time {
            margin-left: 4px
        }

        .forum-post-count {
            position: absolute;
            top: 3px;
            right: 15px
        }

        @media (max-width: 500px) {
            .forum-post-count {
                display: none;
                right: 0
            }
        }

        .forum-post-triangle {
            display: inline-block;
            vertical-align: middle;
            width: 0;
            height: 0;
            margin-right: -5px;
            border: 4px solid transparent;
            border-color: transparent #ebf2fa transparent transparent
        }

        .forum-post-show-count {
            padding: 4px 8px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            font-size: 13px;
            color: #333;
            background: #f0f7ff
        }



        .forum-avatar, .user-avatar {
            display: inline-block;
            vertical-align: top;
            width: 46px;
            height: 46px;
            margin-right: 12px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%
        }

        .user-avatar {
            line-height: 46px;
            text-align: center;
            color: #fff;
            font-size: 24px
        }

        .forum-operation-icon {
            display: inline-block;
            vertical-align: top;
            width: 16px;
            height: 16px;
            margin-right: 8px
        }

        .forum-board-list {
            margin-top: 18px
        }

        .category-content {
            padding: 18px 34px 8px;
            background-color: #fff
        }

        .category-title {
            position: relative;
            height: 20px;
            font-weight: 600;
            line-height: 20px;
            color: #262626;
            margin-bottom: 22px
        }

        .category-title .title-text {
            font-size: 16px;
            vertical-align: middle
        }

        .board-content {
            min-height: 110px;
            padding: 15px 0 15px 10px
        }

        .board-content:hover {
            -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
            -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2)
        }

        .board-item {
            margin-bottom: 20px
        }

        .board-item a {
            display: block
        }

        .board-item a:active, .board-item a:focus, .board-item a:hover, .board-item a:visited {
            text-decoration: none
        }



    </style>
</head>
<!-- ADD THE CLASS layout-top-nav TO REMOVE THE SIDEBAR. -->
<body class="hold-transition skin-blue layout-top-nav">
<div class="wrapper">

    <header class="main-header">
        [@nav  7 /]
    </header>
    <!-- Full Width Column -->
    <div class="content-wrapper">
        <div class="container">
            <!-- Main content -->
            <section class="content">
                <div class="row">
                    <section class="col-lg-4">
                        [@spaveleft /]
                    </section>
                    <section class="col-lg-8">
                        <div class="nav-tabs-custom">
                            [@spavenav index=2 /]

                            <div class="tab-content">
                                <!-- /.tab-pane -->
                                <div class="active tab-pane forum-post-zone" id="timeline">

                                    <div class="forum-post-list">
                                        [#if pageData.content??]
                                        [#list pageData.content as item]
                                        <div class="forum-post-item">


                                            <a href="${httpsurl}space/${(item.user.id)!'0'}.htm" class="avatar-a-export">
                                                <img src="[@image src=item.user.avatar def='dist/img/user1-128x128.jpg' /]" class="forum-avatar" alt="">

                                                <div class="uc-lmg uc-lmg-v1"></div>
                                            </a>


                                            <div class="forum-post-item-desc">
                                                <div class="forum-post-item-title">
                                                    <a class="forum-post-item-text forum-link" href="${siteurl}bbs/post/${item.id}.htm">
                                                        <span class="title-text">${item.name}</span>
                                                        <span class="forum-post-icon-group">
                                            <i class="forum-post-essence">精</i>
                                            <i class="forum-post-official">官</i>
                                        </span>
                                                    </a>
                                                </div>
                                                <div class="forum-post-item-info">
                                                    <a href="${siteurl}bbs/threads/${item.id}.htm0" class="forum-link forum-post-category">[智能]</a>
                                                    <a href="${siteurl}bbs/threads/${item.id}.htm" class="forum-link forum-post-user">盈盈</a>
                                                    <span class="forum-post-dot">·</span>
                                                    <a href="${httpsurl}space/${(item.user.id)!'0'}.htm" class="forum-link forum-post-reply">${(item.user.name)!'代码人'}</a>
                                                    <span class="forum-post-text">回复于27分钟前</span>
                                                </div>
                                            </div>
                                            <div class="forum-post-count">
                                                <span class="forum-post-triangle"></span>
                                                <span class="forum-post-show-count">${item.views!"0"}</span>
                                            </div>
                                        </div>
                                        [/#list]
                                        [/#if]
                                    </div>

                                    <div class="col-xs-12  text-center">
                                        [@pager pageData  "${httpsurl}space/mypost/${model.id}.htm?x=1" /]
                                    </div>
                                </div>
                                <!-- /.tab-pane -->
                            </div>
                            <!-- /.tab-content -->
                        </div>
                    </section>
                </div>

            </section>
            <!-- /.content -->
        </div>
        <!-- /.container -->
    </div>
    <!-- /.content-wrapper -->

    [@footer /]
</div>
<!-- ./wrapper -->

[@scripts /]
</body>
</html>
